{css href="/static/index/css/style.css" /}
{layout name="layout"}
<div class="content">
    <!--    大图-->
    <div class="index_top_index">
    </div>
    {include file='public/nav'}
    <!--    nav-->
    <div class="container ">
        <div class="heading"><img src="/static/index/image/mark.png" alt=""> <span>文章列表</span> </div>
        <br><br>


        <div class="container-fluid">
            <div class="row" >
                <div style="margin: 10px auto">
                    <div class="search d1">
                        <form>
                            <label for="search_input"></label>
                            <input id="search_input" type="text" placeholder="搜索从这里开始...">
                            <button type="submit"></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            {volist name="articles" id="article"}
            <div class="row"
                 style="position: relative;
                border: 1px solid black;
                border-radius: 10px;
                padding: 10px; margin: 5px;">
                <div class="col-md-3 col-sm-3">
                    <div>
                        <p style="font-size: 20px">{$article.article_create_time|substr=8,3}</p>
                        <p style="font-size: 10px; color: grey">{$article.article_create_time|substr=0,7}</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <a href="/details/{$article.article_id}">
                        <p style="font-size: 18px; color: dodgerblue"> {$article.article_name} </p>
                    </a>
                </div>
                <div class="col-md-4 col-sm-4" >
                    <p style="font-size: 12px; overflow: hidden; width: 80%; height: 60px"> {$article.article_content_text} </p>
                </div>
                <div class="col-md-2 col-sm-2">
                    {$article.class_name}
                </div>
            </div>
            {/volist}
            <div class="row">
                <div style="margin: 10px auto"> {$articles|raw} </div>
            </div>
        </div>
    </div>

    {include file="public/totop"}
</div>


<br><br><br><br><br><br><br><br><br><br>